.personal {

  // 头部用户信息
  .person_info {
    padding: .16rem .24rem;
    background: #fff;
    display: flex;

    .person_info_avatar {
      width: .68rem;
      height: .68rem;

      img {
        width: 100%;
        height: 100%;
        border-radius: .1rem;
      }
    }

    .person_info_main {
      flex: 1;
      padding-left: .16rem;
      display: flex;
      justify-content: center;
      flex-direction: column;
      color: #333333;

      .info_name {
        font-size: .18rem;
      }

      .info_vice {
        margin-top: 5px;

        .info_phone {
          font-size: .14rem;
        }

        .info_realName {
          display: inline-block;
          color: #fff;
          font-size: .12rem;
          padding: .04rem .16rem;
          margin-left: .16rem;
          border-radius: 10rem;
          background: -moz-linear-gradient(left, #FD986E 0%, #FE763C 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FD986E), color-stop(100%, #FE763C));
          background: -webkit-linear-gradient(left, #FD986E 0%, #FE763C 100%);
          background: -o-linear-gradient(left, #FD986E 0%, #FE763C 100%);
          background: -ms-linear-gradient(left, #FD986E 0%, #FE763C 100%);
          background: linear-gradient(to right, #FD986E 0%, #FE763C 100%);
        }
      }
    }
  }

  // 菜单
  .person_menu {
    padding: 0 .16rem;

    .person_menu_top {
      background: #fff;
      margin-top: .1rem;
      border-radius: .04rem;

      .menu_top_box {
        display: flex;
        justify-content: space-around;

        .menu_top_item {
          a {
            display: flex;
            flex-direction: column;
            padding: .16rem 0;
            align-items: center;

            .item_pic {
              width: .32rem;
              height: .32rem;
            }

            .item_title {
              margin-top: .04rem;
              font-size: .12rem;
              color: #333333;
            }
          }
        }
      }
    }

    .person_menu_bottom {
      background: #fff;
      margin-top: .1rem;
      border-radius: .04rem;

      .menu_bottom_box {
        .menu_bottom_item {
          padding: 0 .14rem;

          a {
            display: flex;
            padding: .14rem 0;
            border-bottom: 1px solid #eee;
            color: #333333;

            .item_pic {
              width: .2rem;
              height: .2rem;
              margin-right: .12rem;
              display: flex;
              justify-content: center;

              img {
                width: auto;
                height: 100%;
              }
            }

            .item_title {
              font-size: .12rem;
            }
          }

          &:last-child a {
            border: 0;
          }
        }
      }
    }
  }
}